@import "common.less";

/*全局变量*/
*{margin:0;padding:0}
ul,li{list-style-type:none;}
img {border:0;-ms-interpolation-mode: bicubic;max-width: 100%;}
a,input,textarea,button,label,div{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{height:100%;}
body{
    font-size: 100%;
    font-family: PingFangSC-Light, Helvetica, "microsoft yahei", sans-serif;
    color:#333;
    position: relative;
    font-size: 30/@rem;
    a{color:#333;text-decoration:none;cursor: pointer;}
    display: none;
    max-width: 1920px; margin:0 auto;
}

//公用样式
.body{min-height: 100%;}
.disNone{display: none;}
.delay-100{.animate-delay(0.1s);}
.delay-250{.animate-delay(0.25s);}
.delay-500{.animate-delay(0.5s);}
.delay-750{.animate-delay(0.75s);}
.delay-1000{.animate-delay(1s);}
.delay-1500{.animate-delay(1.5s);}
.delay-2000{.animate-delay(2s);}
.c-pulse{animation-name: c-pulse;}
[v-cloak] {display: none;}


@media (min-width: @sreen) {
  html{width: @sreen;margin: 0 auto;}
}

@media (max-width: @sreen) {
  .sweet-alert{
    left: 100/@rem;right: 100/@rem;
    h2{margin: 10px 0;font-size: 30/@rem;line-height: normal;}
    button{margin-top: 10px;padding:10/@rem 32/@rem;}
    .sa-warning{width: 60px;height: 60px;
      .sa-body{height: 30px!important;}
    }
  }
}

@keyframes c-pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

//共有样式
.content{
    width: @content;margin: 0 auto;box-sizing: border-box;
}

//导航栏
nav{
    position: absolute;top: 0;left: 0; right: 0;height: 155px;z-index: 100;transition: .5s;padding: 30px 55px;min-width: @content;box-sizing: border-box;
    .center{max-width: 1920px; margin:0 auto;}
    .logo{float: left;width: 310px;height:95px;cursor: pointer;background: url("/src/img/logo.png") center center / contain no-repeat;}
    .list{float: right;padding: 32px 0;
        li{float: left;height: 30px;margin-right: 22px;
            a{color: inherit;display: block;height: 100%;line-height: 30px;font-size: 16px;position: relative;padding-left: 18px;
                &:before{content: '';position: absolute;top: 10px;left: 0;width: 6px;height: 9px;background: url("/src/img/dashed.png") no-repeat;}
                &:hover{color: @red;
                    &:before{
                        background-image: url("/src/img/dashed-car.png");
                    }
                }
            }
        }
    }
    &.scroll{
        background-color: #fff;position: fixed;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);padding: 0 30px;height: 80px;
        .logo{width: 357px;background-image: url("/src/img/logo-1.png");height: 60px;margin: 10px 0;}
        .list{padding: 25px 0;}
    }
}

//悬浮
.fixed-box{
    position: fixed;width: 165px;right: 50px;top: 50%;height: 340px;margin-top: -170px;z-index: 100;
    a{
        display: block;width: 100%;height: 165px;background: url("/src/img/fixed-img-way.png") no-repeat;
        &.img-way{background-image: url("/src/img/fixed-img-new.png");margin-top: 10px;}
    }
}

//报名弹框
.sign-way{display: none;position: relative;z-index: 110;
    .cover{position: fixed;z-index: 100;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);}
    .sign-cont{
        position: fixed;z-index: 101;top: 50%;width: 500px;height: 702px;left: 50%;margin-left: -250px;margin-top: -351px;background: url("/src/img/sign-info.jpg") center top / cover no-repeat;
        .sign-way-close{
            position: absolute;width: 40px;height: 40px;right: -55px;top: 10px;background: url("/src/img/close.png") center / cover no-repeat;
        }
        .text{
            padding: 150px 60px 0 90px;color: #444;font-size: 16px;line-height: 24px;line-height: 24px;
            span{color: @red;}
            .p2{margin-top: 28px;padding-bottom:39px;}
            .p3{margin-top: 20px;}
        }
    }
}

//手机端
@media (max-width: @sreen){
    //报名弹框
    .sign-way{
        .sign-cont{
            width: 480/@rem;height: 930/@rem;left: 50%;margin-left: -240/@rem;margin-top: -465/@rem;background-image: url("/src/img/sign-info-s.jpg");
            .sign-way-close{
                width: 64/@rem;height: 64/@rem;right: 30/@rem;top:30/@rem;
            }
            .text{
                padding: 155/@rem 30/@rem 0 90/@rem;color: #444;font-size: 17/@rem;line-height: 36/@rem;word-break:break-all;
                .p2{margin-top: 24/@rem;padding-bottom:64/@rem;}
                .p3{margin-top: 10/@rem;}
            }
        }
    }
}